.handlerControlsLedCell {
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.handlerControlsLedTextCenter {
    padding: 0px 5px 0px 5px;
    text-align: right;
    width: 120px;
}

.handlerControlsLed {
    width: 20px;
}

.handlerControlsLedTable {
    width: 100%;
}

.handlerControlsUnitCell {
    padding: 10px 5px 10px 0px;
    text-align: right;
    width: 10px;
}

.handlerControlsCell {
    padding: 10px 5px 10px 5px;
    text-align: left;
}

.handlerControlsTextCenter {
    text-align: right;
}

#handlerControlsTable {
    width: 100%;
}

#handlerControlsTable tr:nth-child(even) {
    background-color: #e5e5e5;
}

.handlerControlsHeaderWithMargin {
    margin: 12px 0px 6px 0px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #105395;
}

.handlerControlsHeader {
    margin: 3px 0px 6px 0px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #105395;
}

.handlerControlsCylinderClass {
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #ffffff;
    width: 198px;
    height: 60px;
    border: 1px solid #89BAD3;
    border-radius: 4px;
}

.handlerControlsIconClass {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    width: 250px;
    height: 180px;
    border: 1px solid #89BAD3;
    border-radius: 4px;
}

.handlerControlsDownIcon {
    background-image: url(../../common/icons/downIcon.svg);
}

.handlerControlsUpIcon {
    background-image: url(../../common/icons/upIcon.svg);
}

.handlerControlsCenterIcon {
    background-image: url(../../common/icons/centerIcon.svg);
}

.handlerControlsInButtonBackground {
    background-image: url(../../common/icons/leftArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.handlerControlsOutButtonBackground {
    background-image: url(../../common/icons/rightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.handlerControlsUpButtonBackground {
    background-image: url(../../common/icons/upArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.handlerControlsDownButtonBackground {
    background-image: url(../../common/icons/downArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.handlerControlsCenterButtonBackground {
    background-image: url(../../common/icons/closeCommand.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.handlerControlsHelp {
    background-image: url(../../../../../framework/svg/SoftwareArea/help.svg);
    background-repeat: no-repeat;
    background-position: 120px -4px;
    background-size: 80px 80px;
    width: 100%;
    height: 100%;
}

.handlerControlsStaticCylinderIcon {
    background-image: url(../../common/icons/staticCylinder.png);
}

.handlerControlsMoveCylinderIcon {
    background-image: url(../../common/icons/moveCylinder.png);
    background-repeat: no-repeat;
    background-position: 38px center;
    background-size: 125px 20px;
    width: 100%;
    height: 100%;
}

.handlerControlsCylinderIn {
    background-position: 13px center !important;
}

.handlerControlsCylinderOut {
    background-position: 63px center !important;
}

.handlerControlsButton {
    width: 80%;
    height: 38px;
    line-height: 38px;
    top: 0;
    padding: 0px 5px 0px 5px;
    text-align: center;
}

.handlerControlsButtonGroup {
    display: block;
    justify-content: left;
    width: 130px;
    margin-top: 10px;
}

.handlerControlsTripleButtonGroup {
    display: block;
    justify-content: left;
    width: 76px;
}

.handlerControlsTripleButton {
    position: initial;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 58px;
    padding: 0px;
}

.handlerControlsMarginButtons {
    margin-top: 5px;
}

.handlerControlsMarginTopButton {
    margin-top: 20px;
}